

.vip-section {
    width: 100%;
    height: 289rpx;
    position: relative;
    background-color: transparent;

    .vip-section-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .vip-section-title-container {
        position: relative;
        left: 30rpx;
        top: 34rpx;
        width: calc(100% - 30rpx * 2);

        display: flex;
        align-items: center;
        justify-content: space-between;

        .vip-section-title {        
            font-size: 26rpx;
            font-weight: 500;
            color: #EFCE8F;
            line-height: 37rpx;
        }
    
        .vip-section-btn {
            width: 145rpx;
            height: 37rpx;
            background-color: transparent;
        }
    }

    .vip-section-content {
        position: relative;
        top: 114rpx;
        display: flex;
        justify-content: space-between;
        padding: 0 96rpx;
        height: 100rpx;

        .vip-section-content-item {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }

        .vip-section-content-item text:first-child {
            font-size: 50rpx;
            font-weight: 500;
            color: #000000;
            line-height: 36rpx;
        }

        .vip-section-content-item text:last-child {
            font-size: 26rpx;
            font-weight: 400;
            color: #444444;
            line-height: 36rpx;
        }
    }
    
}